<template>
  <!-- 网络服务 -->
  <div class="alarmRecord box-shadow">
    <el-tabs v-model="alarmType">
      <!-- <el-tab-pane :label="$t('服务端口')" name="0">
        <service></service>
      </el-tab-pane> -->
      <!-- <el-tab-pane :label="$t('集控平台')" name="1">
        <centralizedControl></centralizedControl>
      </el-tab-pane> -->
      <!-- <el-tab-pane :label="$t('Http')" name="2">
        <myHttp :isShowSearch="true" :height="800"></myHttp>
      </el-tab-pane> -->
      <!-- <el-tab-pane :label="$t('Https')" name="3">
        <https></https>
      </el-tab-pane> -->
      <!-- <el-tab-pane :label="$t('MQTT')" name="4">
        <myMqtt></myMqtt>
      </el-tab-pane> -->
      <el-tab-pane :label="$t('特高压10011')" name="5">
        <HighPressure></HighPressure>
      </el-tab-pane>
      <!-- <el-tab-pane :label="$t('协议')" name="6">
        <agreement></agreement>
      </el-tab-pane> -->
      <!-- <el-tab-pane :label="$t('WebSocket')" name="7">
        <webSocket></webSocket>
      </el-tab-pane> -->
      <el-tab-pane :label="$t('FTP(S)')" name="8">
        <myFtp></myFtp>
      </el-tab-pane>
      <el-tab-pane :label="$t('Modbus Master')" name="9">
        <ModbusMas></ModbusMas>
      </el-tab-pane>
      <el-tab-pane :label="$t('Modbus Slave')" name="10">
        <ModbusSlave></ModbusSlave>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>
<script>
import service from "./components/service.vue";
import centralizedControl from "./components/centralizedControl.vue";
import myHttp from "./components/myHttp.vue";
import https from "./components/https.vue";
import myMqtt from "./components/myMqtt.vue";
import HighPressure from "./components/HighPressure.vue";
import agreement from "./components/agreement.vue";
import webSocket from "./components/webSocket.vue";
import myFtp from "./components/myFtp.vue";
import ModbusMas from "./components/ModbusMas.vue";
import ModbusSlave from "./components/ModbusSlave.vue";
export default {
  components: {
    service,
    centralizedControl,
    myHttp,
    https,
    myMqtt,
    HighPressure,
    agreement,
    webSocket,
    myFtp,
    ModbusMas,
    ModbusSlave,
  },
  data() {
    return {
      // tabs切换type
      alarmType: "0",
      isQuery: "",
    };
  },
  watch: {
    isQuery(val) {
      if (val == undefined) {
        this.alarmType = "5";
      } else {
        this.alarmType = val;
      }
    },
    // 监听tabs切换
    alarmType(val) {
      this.alarmType = val;
    },
  },
  created() {
    this.isQuery = this.$route.query.info;
  },
  methods: {},
};
</script>
<style lang="scss" scoped></style>
